﻿/* base 样式模块 */
html {color:#000; background:#f0f0ef; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0;padding:0;}
body,button,input,select,textarea {font:12px/1.5 arial,tahoma,Hiragino Sans GB,"Microsoft Yahei",\5b8b\4f53;}
ol,ul,li { list-style:none;}
fieldset,img { border:0;}
a:hover { text-decoration:none;}
ins,a { text-decoration:none;}

.fn-clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.fn-clear { zoom:1; /* for IE6 IE7 */}
.fn-hide { display:none;}
.fn-left,.fn-right { display:inline;}
.fn-left { float:left;}
.fn-right { float:right;}
/* end base 样式模块 */

body{color:#666;}
a{color:#666;}
a:hover{color:#ae1e2a;}
.w980{ position: relative; margin:0 auto; width:988px;}
h2{color:#333;}
.box{ position: relative; width:100%;}
.box ul:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.box ul{ zoom:1;}


.header{ position:relative; height: 94px; background: #fcfcfd; z-index: 9;}
.header .logo{ float:left; display: block; width:180px; height:60px; margin:20px 0 0 5px; background: url(../img/logo.png) no-repeat;}
.header .nav{ float: right; width:750px; }
.header .nav li{ float:left; position: relative;}
.header .nav li a{ display: block; _display:inline-block; padding:0 10px; height:94px; line-height: 94px; font-size:14px; color:#000;}
.header .nav li.index a,
.header .nav li.hover a{ background: #ae1e2a;color:#fff;}

.header .nav li .son{ position: absolute; top:94px; height:0; display: none; z-index: 9; background:#ae1e2a;}
.header .nav li .son a{ float: left; padding:0 24px; height: 45px; line-height: 45px; font-size:12px; color:#fff; background:#ae1e2a url(../img/nav_son_line.jpg) center right no-repeat;}
.header .nav li .son a.lst{ background:#ae1e2a;}

.header .nav li .s-ab{left:0; width:400px;}
.header .nav li .s-in{left:0; width:580px;}
.header .nav li .s-in a{ padding:0 10px;}
.header .nav li .s-cle{left:0; width:370px;}
.header .nav li .s-duty{left:0; width:200px;}
.header .nav li .s-col{right:0; width:420px;}
.header .nav li .s-join{right:0; width:290px;}
.header .nav li .s-brokers{right:0; width:290px;}


.header .shadow{ position:absolute; left:0; top:94px; width:100%;background:url(../img/shadow.png) repeat-x; height:8px; overflow:hidden; z-index: 8; _display: none;}


.grid{ position: relative; height:610px; overflow: hidden; }
.grid .banner{position: absolute; width:1920px; left:50%; margin-left:-960px; top:0; text-align: center;}
.grid .banner-btn{position: absolute; width:90px; left:50%; margin-left:-45px; bottom:15px;}
.grid .banner-btn li{background:url(../img/banner_btn.png) 0 -11px no-repeat; float:left; display:block; width:11px; height:11px; line-height:11px;margin:3px;cursor:pointer; font-size:0;}
.grid .banner-btn li.high{background-position: 0 0;}

/* 分公司 */
.grid .website{ position: absolute; bottom:45px; left:50%; margin-left: -490px; z-index: 9; width:980px;}
.grid .website li{ float:left; width:315px; height:107px; margin-right:10px;}
.grid .website li.lst{ margin-right:0;}
.grid .website li a{ display: block; padding:10px; height:77px; background-color: #fff;}
.grid .website li a:hover{ background-color: #820718; color:#fff; }
.grid .website li a img{ float:left; margin-right:10px;}
.grid .website li a h4{ padding:5px 0; color: #3f3f3f}
.grid .website li a p{color: #757575;}
.grid .website li a:hover h4,
.grid .website li a:hover p{color: #fff;}


.footer {padding:10px 0; line-height: 30px; color:#898989;}
.footer .logo-pic{ float:left; margin:0 10px;}


.pagelist{ padding:10px 0; text-align: center;}
.pagelist .f_red{color:#ae1e2a;}

/* 内页一 */
.page-wrap{ position: absolute; top:70px; left:50%; margin-left: -490px; z-index: 9; padding:17px; width:946px; background-color: #fff;}
.page-wrap .j-box{ width:610px;}
.page-wrap .j-box h2{ font-size:17px; line-height: 18px;}
.page-wrap .j-box .small{ color:#838383; line-height: 16px; text-transform: uppercase;}

.page-wrap .j-switch{ margin:10px 0 20px 0;}
.page-wrap .j-switch li{ float:left; margin-right:5px;}
.page-wrap .j-switch li a{ display: block; _display: inline-block; padding:0 20px; height:24px; line-height: 24px; background-color: #46372d; color:#fff;}
.page-wrap .j-switch li.select a,
.page-wrap .j-switch li a:hover{ background-color: #ae1d29;}

.page-wrap .j-con{ font-size:14px; line-height: 30px; color: #787878; width:600px; height:326px;}
.page-wrap .j-con .jscroll-c{width:580px; padding-bottom: 10px; overflow: hidden;}
.page-wrap .j-con p{margin-bottom:10px;}

.page-wrap .list li{ height:30px; line-height: 30px;}
.page-wrap .list li span{ float: right; color:#666; font-size:12px;}

.page-wrap h1{ font-size:18px; text-align: center;}
.page-wrap .intro{ font-size:12px; border-bottom:1px dotted #dadad7; text-align: center;}

/* 荣誉成就 */
.page-wrap .ry-list li{ padding:8px; border:1px solid #d8d6d6; box-shadow:2px 2px 2px #d8d6d6; border-radius:5px; overflow: hidden; _zoom:1; margin-bottom:10px; }
.page-wrap .ry-list h4 { font-size:14px;}
.page-wrap .ry-list p { font-size: 12px; line-height: 18px; text-indent: 24px;}
.page-wrap .ry-list li .pic-area{ float: right; width:198px; }
.page-wrap .ry-list li .pic-area img{width:198px; }
.page-wrap .ry-list li .text-area{ float: left; width:350px;}

.page-wrap .ab_banner{ position:relative;width:940px; height:420px; overflow:hidden; }
.page-wrap .ab_banner img{ position:absolute; left:0; top:0; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000;}
.page-wrap .ab_banner .oclick{ width:188px; height:84px; cursor:pointer; position:absolute; left:0; top:0; z-index:9;}


/* 内页二 */
.ins-grid{position: relative; padding-top:190px;}

.ins-wrap{padding-bottom:50px; background:url(../img/wrap_bg.png) repeat-y;}
.ins-wrap-b{ height:80px; background:url(../img/wrap_b_bg.jpg) top center no-repeat;}

.ins-wrap .sub-col{width:210px; padding:30px 20px 0 25px;}
.ins-wrap .sub-col .cat{ margin-bottom:20px;}
.ins-wrap .sub-col .cat .hd{border-bottom: 3px solid #e7e7e7; margin-bottom:20px;}
.ins-wrap .sub-col .cat .hd h2{ font-size:18px; line-height: 20px; font-weight:normal;}
.ins-wrap .sub-col .cat .hd .small{ color:#a8a8a8; line-height: 16px; font-size:14px; text-transform: uppercase;}
.ins-wrap .sub-col .cat .bd li{ margin-bottom: 5px;}
.ins-wrap .sub-col .cat .bd li a{ display: block; padding-left:50px; height:35px; line-height: 35px; background: url(../img/wrap_cat_li.png) 0 -38px no-repeat;    overflow: hidden;}
.ins-wrap .sub-col .cat .bd li.select a,
.ins-wrap .sub-col .cat .bd li a:hover{ background-position: 0 0; color:#fff;}

.ins-wrap .main-wrap{ width:680px;  min-height: 600px; padding:20px 25px 0 20px; border-left: 1px solid #d8d6d6; color:#666;}


/* 面包屑导航 */
.ins-wrap .breadcrumb{line-height:45px;border-bottom:3px solid #e7e7e7;}
.ins-wrap .breadcrumb a{line-height:45px;display:inline-block; background: url(../img/breadcrumb_ico.jpg) right no-repeat; padding-right:6px;}
.ins-wrap .breadcrumb span,.breadcrumb a:hover{color:#b71d2a;}

/* 图文 */
.ins-wrap .ins-intro{ padding: 25px; margin: 15px 0; border: 2px solid #f0f0f0; border-bottom: 4px solid #ae1e2a;	box-shadow: 2px 2px 2px #f6f6f6;}
.ins-wrap .ins-intro h1{ text-align: left; color:#ae1e2a; font-size:20px; }

.ins-wrap .pic-list li{ padding:30px 8px; background: url(../img/pic_list_line.jpg) center bottom no-repeat; overflow: hidden; }
.ins-wrap .pic-list li h4 { font-size:16px;}
.ins-wrap .pic-list li p { padding:5px 0 15px;}
.ins-wrap .pic-list li .pic-area{ width:163px; height:119px; padding:5px; border:1px solid #d8d6d6;}
.ins-wrap .pic-list li .text-area{ width:470px;}

.ins-wrap .team-list li{ padding:20px 8px; background: url(../img/pic_list_line.jpg) center bottom no-repeat; overflow: hidden; }
.ins-wrap .team-list li h4 { font-size:14px;}
.ins-wrap .team-list li a{ color:#b21825;}
.ins-wrap .team-list li p { font-size:14px;}
.ins-wrap .team-list li .pic-area{ width:125px; height:125px; padding:0; border:0;}
.ins-wrap .team-list li .text-area{ width:520px;}

/* 列表 */
.ins-wrap .list li{ padding:0 15px; height:42px; line-height: 42px; background: url(../img/pic_list_line.jpg) center bottom no-repeat; }
.ins-wrap .list li a{ font-size:14px; font-weight:bold;}
.ins-wrap .list li span{ float: right; color:#666;}

/* 单页 */
.ins-wrap h1{ font-size:18px; text-align: center; padding-top:10px;}
.ins-wrap .intro{ border-bottom: 1px dotted #dadad7; text-align: center; padding-bottom: 5px;}
.ins-wrap .ins-con{font-size:14px; line-height: 30px; padding-top:10px;}
.ins-wrap .ins-con p{ padding-bottom:10px;}


.industry{ background:#fff url(../img/in_banner.jpg) top center no-repeat;}
.college{ background:#fff url(../img/cle_banner.jpg) top center no-repeat;}

.contact{ background:#fff url(../img/cot_banner.jpg) top center no-repeat;}
.contact .container{width:650px; height:400px;  border:1px solid #d8d6d6; padding:10px;}
.contact #cmap{ width:100%; height:400px;}

.duty,
.brokers{ background:#fff url(../img/bk_banner.jpg) top center no-repeat;}
.join{ background:#fff url(../img/join_banner.jpg) top center no-repeat;}
